<template>
	<view class="rebox">
		<view class="rebac">
			<input class="inpbox" type="number" v-model="money" placeholder="请输入金额"/>
			<view class="buttbox" @click="handleClick">立即充值</view>
		</view>
	</view>
</template>

<script setup>
import { ref } from 'vue';
let money = ref('')

const handleClick = () => {
	
}
</script>

<style scoped>
	.rebox{
		width: 100%;
		height: 100vh;
		background-color: #f8f8f8;
		padding-top: 30rpx;
	}  
	.rebac{
		width: 710rpx;
		height: 386rpx;
		background-color: #fff;
		margin: 0 auto;
		border-radius: 20rpx;
		box-sizing: border-box;
		box-shadow: 0 0 15px -7px rgba(0,0,0,.3);
	}
	.inpbox{
		width: 100%;
		height:140rpx;
		border-bottom: 1px solid #ececec;
		padding-left: 30rpx;
		box-sizing: border-box;
	}
	.buttbox{
		width: 390rpx;
		height: 90rpx;
		background-color: #10c696;
		line-height: 90rpx;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		margin-top: 80rpx;
		border-radius: 40rpx;
	}
</style>
